<template>
    <div :style="style">
        <iframe :src="url" width="100%" height="100%" style="border: unset;"></iframe>
    </div>
</template>
<script>
export default {
    props: {
        url: {
            type: String,
            required: true,
            default: 'https://baidu.com',
        },
        width: {
            type: String,
            required: true,
            default: '100%',
        },
        height: {
            type: String,
            required: true,
            default: '400px',
        }
    },
    data() {

    },
    computed: {
        style() {
            return {
                width: this.width,
                height: this.height,
            }
        }
    }
}
</script>